﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title th:text="#{product}">Products Archive</title>
    <meta charset="utf-8"/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <!-- GOOGLE WEB FONTS -->
    <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">

    <!-- BOOTSTRAP 3.3.7 CSS -->
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}"/>

    <!-- SLICK v1.6.0 CSS -->
    <link rel="stylesheet" th:href="@{/css/slick-1.6.0/slick.css}"/>

    <link rel="stylesheet" th:href="@{/css/jquery.fancybox.css}"/>
    <link rel="stylesheet" th:href="@{/css/yith-woocommerce-compare/colorbox.css}"/>
    <link rel="stylesheet" th:href="@{/css/owl-carousel/owl.carousel.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/owl-carousel/owl.theme.default.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/js_composer/js_composer.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/woocommerce/woocommerce.css}"/>
    <link rel="stylesheet" th:href="@{/css/yith-woocommerce-wishlist/style.css}"/>


    <link rel="stylesheet" th:href="@{/css/custom.css}"/>
    <link rel="stylesheet" th:href="@{/css/app-orange.css}" id="theme_color"/>
    <link rel="stylesheet" href="" id="rtl"/>
    <link rel="stylesheet" th:href="@{/css/app-responsive.css}"/>
</head>

<body class="archive post-type-archive woocommerce post-type-archive-product">


<div class="body-wrapper theme-clearfix">
    <header id="header" class="header header-style1">
        <div class="widget pull-left" style="margin-left: 300px">
            <div class="widget-inner">
                <div id="lang_sel">
                    <ul class="nav">
                        <li>
                            <a class="lang_sel_sel">
                                <img class="iclflag" title="English" alt="en" th:src="@{/images/icons/en.png}"
                                     width="18" height="12"/> English
                            </a>
                            <ul>
                                <li>
                                    <a th:href="@{/shop(l='en_US')}">
                                        <img class="iclflag" title="English" alt="en" th:src="@{/images/icons/en.png}"
                                             width="18" height="12"/> English
                                    </a>
                                </li>

                                <li>
                                    <a th:href="@{/shop(l='zh_CN')}">
                                        <img class="iclflag" title="中文" alt="ar" th:src="@{/images/icons/ar.png}"
                                             width="18" height="12"/> 中文
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div th:replace="commons/bar::#top"></div>

        <div th:replace="commons/bar::#mid"></div>

        <div th:replace="commons/bar::#bottom"></div>
    </header>

    <div class="listings-title">
        <div class="container">
            <div class="wrap-title">
                <h1 th:text="#{product}">Products</h1>

                <div class="bread">
                    <div class="breadcrumbs theme-clearfix">
                        <div class="container">
                            <ul class="breadcrumb">
                                <li>
                                    <a th:href="@{/index}" th:text="#{home}">Home</a>
                                    <span class="go-page"></span>
                                </li>

                                <li class="active">
                                    <span th:text="#{product}">Products</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row">
            <div id="contents" class="content col-lg-9 col-md-8 col-sm-8" role="main">
                <div class="listing-top">
                    <div class="widget-1 widget-first widget rev-slider-widget-2 widget_revslider">
                        <div class="widget-inner">
                            <!-- OWL SLIDER -->
                            <div class="wpb_revslider_element wpb_content_element no-margin">
                                <div class="vc_column-inner ">
                                    <div class="wpb_wrapper">
                                        <div class="wpb_revslider_element wpb_content_element">
                                            <div id="main-slider" class="fullwidthbanner-container"
                                                 style="position:relative; width:100%; height:auto; margin-top:0px; margin-bottom:0px">
                                                <div class="module slideshow no-margin">
                                                    <div class="item">
                                                        <a href="simple_product.html"><img
                                                                th:src="@{/images/1903/slider-shop.jpg}" alt="slider1"
                                                                class="img-responsive" height="559"></a>
                                                    </div>
                                                    <div class="item">
                                                        <a href="simple_product.html"><img
                                                                th:src="@{/images/1903/slider-shop.jpg}" alt="slider2"
                                                                class="img-responsive" height="559"></a>
                                                    </div>
                                                </div>
                                                <div class="loadeding"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- OWL LIGHT SLIDER -->
                        </div>
                    </div>

                    <div class="widget-2 widget-last widget sw_brand-2 sw_brand">
                        <div class="widget-inner">
                            <div id="sw_brand_01" class="responsive-slider sw-brand-container-slider clearfix"
                                 data-lg="5" data-md="4" data-sm="3" data-xs="2" data-mobile="1" data-speed="1000"
                                 data-scroll="1" data-interval="5000" data-autoplay="false">
                                <div class="resp-slider-container">
                                    <div class="slider responsive">
                                        <div class="item item-brand-cat">
                                            <div class="item-image">
                                                <a th:href="@{/shop}"><img width="134" height="70"
                                                                           th:src="@{/images/1903/Brand_1.jpg}"
                                                                           class="attachment-173x91 size-173x91" alt=""></a>
                                            </div>
                                        </div>

                                        <div class="item item-brand-cat">
                                            <div class="item-image">
                                                <a href="http://demo.smartaddons.com/templates/html/etrostore/shop.html-books"><img
                                                        width="134" height="70" th:src="@{/images/1903/br1.jpg}"
                                                        class="attachment-173x91 size-173x91" alt=""></a>
                                            </div>
                                        </div>

                                        <div class="item item-brand-cat">
                                            <div class="item-image">
                                                <a th:href="@{/shop}"><img width="134" height="70"
                                                                           th:src="@{/images/1903/br2.jpg}"
                                                                           class="attachment-173x91 size-173x91" alt=""></a>
                                            </div>
                                        </div>

                                        <div class="item item-brand-cat">
                                            <div class="item-image">
                                                <a th:href="@{/shop}"><img width="134" height="70"
                                                                           th:src="@{/images/1903/Brand_1.jpg}"
                                                                           class="attachment-173x91 size-173x91" alt=""></a>
                                            </div>
                                        </div>

                                        <div class="item item-brand-cat">
                                            <div class="item-image">
                                                <a th:href="@{/shop}"><img width="134" height="70"
                                                                           th:src="@{/images/1903/Brand_10.jpg}"
                                                                           class="attachment-173x91 size-173x91" alt=""></a>
                                            </div>
                                        </div>

                                        <div class="item item-brand-cat">
                                            <div class="item-image">
                                                <a th:href="@{/shop}"><img width="134" height="70"
                                                                           th:src="@{/images/1903/Brand_1.jpg}"
                                                                           class="attachment-173x91 size-173x91" alt=""></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div id="container">
                    <div id="content" role="main">
                        <!--  Shop Title -->

                        <div class="products-wrapper">
                            <div class="row-fix clearfix">
                                <li class="product-category product first product-col-5 col-md-3 col-sm-6 col-xs-6 col-mb-12">
                                    <a href="/shop/8">
                                        <img th:src="@{/images/1903/c7.jpg}" alt="Accessories" width="300" height="300">
                                        <h3>
                                            Accessories
                                            <mark class="count">(1)</mark>
                                        </h3>
                                    </a>
                                </li>

                                <li class="product-category product product-col-5 col-md-3 col-sm-6 col-xs-6 col-mb-12">
                                    <a th:href="@{/shop}">
                                        <img th:src="@{/images/1903/c10.jpg}" alt="Appliances" width="300" height="300">
                                        <h3>
                                            Appliances
                                            <mark class="count">(6)</mark>
                                        </h3>
                                    </a>
                                </li>

                                <li class="product-category product product-col-5 col-md-3 col-sm-6 col-xs-6 col-mb-12">
                                    <a th:href="@{/shop}">
                                        <img th:src="@{/images/1903/c5.jpg}" alt="Cameras &amp; Accessories" width="300"
                                             height="300">
                                        <h3>
                                            Cameras &amp; Accessories
                                            <mark class="count">(3)</mark>
                                        </h3>
                                    </a>
                                </li>

                                <li class="product-category product last product-col-5 col-md-3 col-sm-6 col-xs-6 col-mb-12">
                                    <a th:href="@{/shop}">
                                        <img th:src="@{/images/1903/c3.jpg}" alt="Computers &amp; Laptops" width="300"
                                             height="300">
                                        <h3>
                                            Computers &amp; Laptops
                                            <mark class="count">(6)</mark>
                                        </h3>
                                    </a>
                                </li>

                                <li class="product-category product first product-col-5 col-md-3 col-sm-6 col-xs-6 col-mb-12">
                                    <a th:href="@{/shop}">
                                        <img th:src="@{/images/1903/c4.jpg}" alt="Computers &amp; Networking"
                                             width="300" height="300">
                                        <h3>
                                            Computers &amp; Networking
                                            <mark class="count">(1)</mark>
                                        </h3>
                                    </a>
                                </li>

                                <li class="product-category product product-col-5 col-md-3 col-sm-6 col-xs-6 col-mb-12">
                                    <a th:href="@{/shop}">
                                        <img th:src="@{/images/1903/c2.jpg}" alt="Electronics" width="300" height="300">
                                        <h3>
                                            Electronics
                                            <mark class="count">(8)</mark>
                                        </h3>
                                    </a>
                                </li>

                                <li class="product-category product product-col-5 col-md-3 col-sm-6 col-xs-6 col-mb-12">
                                    <a th:href="@{/shop}">
                                        <img th:src="@{/images/1903/c8.jpg}" alt="Home Appliances" width="300"
                                             height="300">
                                        <h3>
                                            Home Appliances
                                            <mark class="count">(1)</mark>
                                        </h3>
                                    </a>
                                </li>

                                <li class="product-category product last product-col-5 col-md-3 col-sm-6 col-xs-6 col-mb-12">
                                    <a th:href="@{/shop}">
                                        <img th:src="@{/images/1903/c9.jpg}" alt="Home Furniture" width="300"
                                             height="300">
                                        <h3>
                                            Home Furniture
                                            <mark class="count">(1)</mark>
                                        </h3>
                                    </a>
                                </li>

                                <li class="product-category product first product-col-5 col-md-3 col-sm-6 col-xs-6 col-mb-12">
                                    <a th:href="@{/shop}">
                                        <img th:src="@{/images/1903/c1.jpg}" alt="Smartphones &amp; Tablet" width="300"
                                             height="300">
                                        <h3>
                                            Smartphones &amp; Tablet
                                            <mark class="count">(2)</mark>
                                        </h3>
                                    </a>
                                </li>

                                <li class="product-category product product-col-5 col-md-3 col-sm-6 col-xs-6 col-mb-12">
                                    <a th:href="@{/shop}">
                                        <img th:src="@{/images/1903/c6.jpg}" alt="Televisions" width="300" height="300">
                                        <h3>
                                            Televisions
                                            <mark class="count">(2)</mark>
                                        </h3>
                                    </a>
                                </li>
                                <div id="abc"></div>
                            </div>

                            <div class="products-nav clearfix">
                                <div class="view-mode-wrap pull-left clearfix">
                                    <div class="view-mode">
                                        <a href="javascript:void(0)" class="grid-view active" title="Grid view"><span>Grid view</span></a>
                                        <a href="javascript:void(0)" class="list-view"
                                           title="List view"><span>List view</span></a>
                                    </div>
                                </div>

                                <div class="catalog-ordering">
                                    <div class="orderby-order-container clearfix">
                                        <ul class="orderby order-dropdown pull-left">
                                            <li>
                                                <span class="current-li"><span class="current-li-content"><a>Sort by Default</a></span></span>
                                                <ul>
                                                    <li th:class="${active== null?'current':''} "><a
                                                            th:href="@{'/shop'+'#abc'}" th:text="#{sortbydefault}">Sort
                                                        by Default</a></li>
                                                    <li th:class="${active== 'is_hot'?'current':''}"><a
                                                            th:href="@{/shop/list(fact='is_hot',direct='desc')}"
                                                            th:text="#{sortbypop}">Sort by Popularity</a></li>
                                                    <li th:class="${active== 'star'?'current':''}"><a
                                                            th:href="@{/shop/list(fact='star',direct='desc')}"
                                                            th:text="#{sortbyrating}">Sort by Rating</a></li>
                                                    <li th:class="${active== 'pdate'?'current':''}"><a
                                                            th:href="@{/shop/list(fact='pdate',direct='desc')}"
                                                            th:text="#{sortbydate}">Sort by Date</a></li>
                                                    <li th:class="${active== 'shop_price'?'current':''}"><a
                                                            th:href="@{/shop/list(fact='shop_price',direct='desc')}"
                                                            th:text="#{sortbyprice}">Sort by Price</a></li>
                                                </ul>
                                            </li>
                                        </ul>

                                        <ul class="order pull-left">
                                            <li class="asc" id="direction"><a
                                                    th:href="@{/shop/list(fact='shop_price',direct='asc')}">
                                                <i id="direct" class="fa fa-long-arrow-up"></i></a></li>
                                        </ul>

                                        <div class="product-number pull-left clearfix">
                                            <span class="show-product pull-left">Show </span>
                                            <ul class="sort-count order-dropdown pull-left">
                                                <li>
                                                    <span class="current-li"><a>12</a></span>
                                                    <ul>
                                                        <li class="current"><a href="#">12</a></li>
                                                        <li class=""><a href="#">24</a></li>
                                                        <li class=""><a href="#">36</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>

                                <nav class="woocommerce-pagination pull-right">
                                    <span class="note">Page:</span>
                                    <ul class="page-numbers">
                                        <li><span class="page-numbers current">1</span></li>
                                        <li><a class="page-numbers" href="#">2</a></li>
                                        <li><a class="page-numbers" href="#">3</a></li>
                                        <li><a class="next page-numbers" href="#">?</a></li>
                                    </ul>
                                </nav>
                            </div>

                            <div class="clear"></div>
                            <!--商品列表-->
                            <ul class="products-loop row grid clearfix">


                                <li th:each="it,stat:${all}"
                                    class="item col-lg-4 col-md-4 col-sm-6 col-xs-6 post-255 product type-product status-publish has-post-thumbnail product_cat-electronics product_cat-home-appliances product_cat-vacuum-cleaner product_brand-apoteket first instock sale featured shipping-taxable purchasable product-type-simple">
                                    <div th:insert="commons/product::#shopping(shop=${it})"></div>
                                </li>

                            </ul>

                            <div class="clear"></div>

                            <div class="products-nav clearfix">
                                <div class="view-mode-wrap pull-left clearfix">
                                    <div class="view-mode">
                                        <a href="javascript:void(0)" class="grid-view active" title="Grid view"><span>Grid view</span></a>
                                        <a href="javascript:void(0)" class="list-view"
                                           title="List view"><span>List view</span></a>
                                    </div>
                                </div>

                                <div class="catalog-ordering">
                                    <div class="orderby-order-container clearfix">
                                        <ul class="orderby order-dropdown pull-left">
                                            <li>
                                                <span class="current-li"><span class="current-li-content"
                                                                               th:text="#{sortbydefault}"><a
                                                        th:text="#{sortbydefault}">Sort by Default</a></span></span>
                                                <ul>
                                                    <li class="current"><a th:href="@{'/shop'+'#abc'}"
                                                                           th:text="#{sortbydefault}">Sort by
                                                        Default</a></li>
                                                    <li class=""><a href="#" th:text="#{sortbypop}">Sort by
                                                        Popularity</a></li>
                                                    <li class=""><a href="#" th:text="#{sortbyrating}">Sort by
                                                        Rating</a></li>
                                                    <li class=""><a href="#" th:text="#{sortbydate}">Sort by Date</a>
                                                    </li>
                                                    <li class=""><a href="#" th:text="#{sortbyprice}">Sort by Price</a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>

                                        <ul class="order pull-left">
                                            <li class="asc"><a href="#"><i class="fa fa-long-arrow-down"></i></a></li>
                                        </ul>

                                        <div class="product-number pull-left clearfix">
                                            <span class="show-product pull-left" th:text="#{show}">Show </span>
                                            <ul class="sort-count order-dropdown pull-left">
                                                <li>
                                                    <span class="current-li"><a>12</a></span>
                                                    <ul>
                                                        <li class="current"><a href="#">12</a></li>
                                                        <li class=""><a href="#">24</a></li>
                                                        <li class=""><a href="#">36</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>

                                <nav class="woocommerce-pagination pull-right">
                                    <span class="note" th:text="#{shoppages}">Page:</span>
                                    <ul class="page-numbers">
                                        <li><span class="page-numbers current">1</span></li>
                                        <li><a class="page-numbers" href="#">2</a></li>
                                        <li><a class="page-numbers" href="#">3</a></li>
                                        <li><a class="next page-numbers" href="#">?</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <aside id="right" class="sidebar col-lg-3 col-md-4 col-sm-4">
                <div class="widget-1 widget-first widget woocommerce_product_categories-3 woocommerce widget_product_categories">
                    <div class="widget-inner">
                        <div class="block-title-widget">
                            <h2><span th:text="#{Categories}">Categories</span></h2>
                        </div>
                        <!--右侧品类选择栏   <span class="count">(2)</span>-->
                        <ul class="product-categories">
                            <li class="cat-item" th:each="item:${session.shopList}"><a th:href="'/shop/'+${item.cid}"
                                                                                       th:text="${item.name}"></a></li>

                        </ul>
                    </div>
                </div>


                <!--价格选择表-->
                <div class="widget-4 widget woocommerce_price_filter-3 woocommerce widget_price_filter">
                    <div class="widget-inner">
                        <div class="block-title-widget">
                            <h2><span th:text="#{price}">price</span></h2>
                        </div>
                        <!--过滤-->
                        <form th:method="post" th:action="@{/shop/filter}">
                            <div class="price_slider_wrapper">
                                <div class="price_slider" style="display:none;"></div>
                                <div class="price_slider_amount">
                                    <input type="text" id="min_price" name="min_price"
                                           th:value="${session.min ==null}?1000 :${session.min}" data-min="10"
                                           placeholder="Min price">
                                    <input type="text" id="max_price" name="max_price"
                                           th:value="${session.max ==null}?1000 :${session.max}" data-max="7000"
                                           placeholder="Max price">

                                    <button type="submit" class="button">Filter</button>

                                    <div class="price_label" style="display:none;">
                                        Price: <span class="from"></span> - <span class="to"></span>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

                <div class="widget-5 widget etrostore_best_seller_product-3 etrostore_best_seller_product">
                    <div class="widget-inner">
                        <div class="block-title-widget">
                            <h2><span th:text="#{bestsell}">Best Sellers</span></h2>
                        </div>

                        <div id="best-seller-01" class="sw-best-seller-product">
                            <ul class="list-unstyled">
                                <li class="clearfix" th:each="it:${allhot}">
                                    <div th:replace="commons/product::#li(hotp=${it})"></div>

                                </li>


                            </ul>
                        </div>
                    </div>
                </div>

                <div class="widget-6 widget-last widget text-6 widget_text">
                    <div class="widget-inner">
                        <div class="textwidget">
                            <div class="banner-sidebar">
                                <img th:src="@{/images/1903/banner-detail.jpg}" title="banner" alt="banner">
                            </div>
                        </div>
                    </div>
                </div>
            </aside>
        </div>
    </div>

    <!-- DIALOGS -->
    <div class="modal fade" id="search_form" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog block-popup-search-form">
            <form role="search" method="get" class="form-search searchform" action="">
                <input type="text" value="" name="s" class="search-query" placeholder="Enter your keyword..."/>

                <button type="submit" class="fa fa-search button-search-pro form-button"></button>

                <a href="javascript:void(0)" title="Close" class="close close-search" data-dismiss="modal">X</a>
            </form>
        </div>
    </div>

    <div th:replace="commons/bar::#login_form"></div>


    <a id="etrostore-totop" href="#"></a>
    <script type="text/javascript" th:src="@{/js/jquery/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/jquery/jquery-migrate.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/bootstrap.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/jquery/js.cookie.min.js}"></script>

    <!-- OPEN LIBS JS -->
    <script type="text/javascript" th:src="@{/js/owl-carousel/owl.carousel.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/slick-1.6.0/slick.min.js}"></script>

    <script type="text/javascript">
        /* <![CDATA[ */
        var woocommerce_price_slider_params = {
            "currency_symbol": "$",
            "currency_pos": "left",
            "min_price": "100",
            "max_price": "500"
        };
        /* ]]> */
    </script>

    <script type="text/javascript" th:src="@{/js/widget.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/mouse.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/slider.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/js_composer/js_composer_front.min.js}"></script>

    <script type="text/javascript" th:src="@{/js/yith-woocommerce-compare/jquery.colorbox-min.js}"></script>
    <script type="text/javascript" th:src="@{/js/sw_core/isotope.js}"></script>
    <script type="text/javascript" th:src="@{/js/sw_core/jquery.fancybox.pack.js}"></script>
    <script type="text/javascript" th:src="@{/js/sw_woocommerce/category-ajax.js}"></script>
    <script type="text/javascript" th:src="@{/js/sw_woocommerce/jquery.countdown.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/woocommerce/price-slider.min.js}"></script>

    <script type="text/javascript" th:src="@{/js/plugins.js}"></script>
    <script type="text/javascript" th:src="@{/js/megamenu.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/main.min.js}"></script>

    <script type="text/javascript">
        var sticky_navigation_offset_top = $("#header .header-bottom").offset().top;
        var sticky_navigation = function () {
            var scroll_top = $(window).scrollTop();
            if (scroll_top > sticky_navigation_offset_top) {
                $("#header .header-bottom").addClass("sticky-menu");
                $("#header .header-bottom").css({"top": 0, "left": 0, "right": 0});
            } else {
                $("#header .header-bottom").removeClass("sticky-menu");
            }
        };
        sticky_navigation();
        $(window).scroll(function () {
            sticky_navigation();
        });

        $(document).ready(function () {
            $(".show-dropdown").each(function () {
                $(this).on("click", function () {
                    $(this).toggleClass("show");
                    var $element = $(this).parent().find("> ul");
                    $element.toggle(300);
                });
            });


        });

        function addToCart(id) {
            $.ajax({
                url: '/add?count=1&pid=' + id,
                type: 'post',
                success: function (data) {
                    alert("加入商品成功")
                },
                fail: function (data) {
                    alert("fail")
                }
            })
        }

        function addToWish(pid) {
            $.ajax({
                url: '/wish/add?&pid=' + pid,
                type: 'post',
                success: function (data) {
                    if (data == "createaccount") {
                        window.location.href = data
                    } else {
                        alert("添加成功")
                    }
                },
                fail: function (data) {
                    alert('fail')
                }
            })
        }

        var request, b = document.body, c = 'className', cs = 'customize-support',
            rcs = new RegExp('(^|\\s+)(no-)?' + cs + '(\\s+|$)');
        request = true;

        b[c] = b[c].replace(rcs, ' ');
        // The customizer requires postMessage and CORS (if the site is cross domain)
        b[c] += (window.postMessage && request ? ' ' : ' no-') + cs;
    </script>


</body>
</html>

